<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="static/css/main1.css"/>
		<link rel="stylesheet" type="text/css" href="static/css/select.css"/>
		<link rel="stylesheet" type="text/css" href="static/css/animate.css"/>
		<script src="static/3rd/jquery-3.2.1.min.js"></script>
		<script src="static/js/jquery.select.js"></script>
		<!--<script src="static/3rd/jquery.nicescroll.js"></script>-->
	</head>
	<body style="background: #000026;"> 
		<img class="bgImg" src="" alt="" />
		<!--<div class="start_page pt-page" style="visibility: hidden;">
		    <img src="static/img/3.jpg" style="z-index: -1;width: 100%;height: 100%;position: absolute"/>
		</div>-->
		<div class="container" id="page1st">
			<div class="header">
				<div class="logo" style="margin-top:-10px">互联网舆情分析</div>
				<a href="javascrip:void();" class="pre_btn"></a>		
			</div>
			<!--<div class="home" title="返回首页"><a href="index.html"></a></div>-->
			<div class="content">
				<div class="top_tip"  style="margin-top:20px">2018年1~3月期间主要监控舆情热点事件<strong>13</strong>起</div>
				<div class="bottom_content" style="margin-top:15px;padding-left: 10px;">
					<div class="left_content boxBg" style="width:65%;position: relative;">
						<div class="select_box">
							<div class="select_box_left">
								<span class="select_title">事件：</span>
								<select id="mySelect">
								   <option value="0">万豪将港澳台及西藏列为“国家”</option>
								   <option value="1">北京市网信办约谈新浪微博：热搜榜等模块被下线整改</option>
								   <option value="2">中共中央、国务院发出《关于开展扫黑除恶专项斗争的通知》</option>
								   <option value="3">《中国共产党中央委员会关于修改宪法部分内容的建议》公布</option>
							       <option value="4">两会</option>
							    	
									<!-- <option value="1">PGONE粉丝买水军推“紫光阁地沟油”上热搜</option>
									<option value="2">苹果中国内地iCloud服务将转由云上贵州公司负责运营</option>
									<option value="3">支付宝账单《芝麻服务协议》惹争议</option>
									<option value="4">河南郑州城管抽梯事件</option>
									<option value="7">2018冬季达沃斯论坛举行</option>
									<option value="9">律师侮辱核潜艇之父黄旭华被拘</option>
									<option value="10">张扣扣杀人案</option>
									<option value="11">苹果将在乌兰察布建数据中心</option> -->
								</select>
							</div>
						</div>
						<!--<ul class="resource_no">
							<li>
								<h3>北京移动</h3>
								<p>5700</p>
							</li>
							<li>
								<h3>北京联通</h3>
								<p>5812</p>
							</li>
							<li>
								<h3>北京电信</h3>
								<p>2569</p>
							</li>
						</ul>-->
						<div class="ec_map_th" id="ec_map" style="width: 90%;float: left;"></div>
						<div class="ecBarTh" id="ecBarTh" style="position: absolute;bottom: 130px;right: 3%;width:20%;height:200px;float: left;"></div>
					</div>
					<div class="right_content" style="width: 35%;padding:0 10px;">
						<div class="right_content_top boxBg">
							<h2>事件传播趋势</h2>
							<!--<div class="select_box">
								<span class="select_title">年份：</span>
								<select id="mySelect3">
									<option value="2014">2014</option>
									<option value="2015">2015</option>
									<option value="2016">2016</option>
								</select>
							</div>-->
							<div class="right_content_middle">
								<!--<h2 style="margin-left: 10px;"></h2>-->
								<div class="ec_bar" id="ec_bar" style="width: 100%;"></div>
							</div>
						</div>
						
						<div class="right_content_bottom" style="width: 100%">
							<!--<div class="left_bar_box">
								<h2>移动扣分占比</h2>
								<div class="ec_pie" id="ec_pie_left"></div>
							</div>-->
							<div class="middle_bar_box boxBg" style="margin-top: 10px;">
								<h2>事件传播类型占比</h2>
								<!--<div class="select_box_left">
								<span class="select_title">运营商：</span>
								<select class="caCheck">
									<option value="0">全部</option>
									<option value="1">移动</option>
									<option value="2">联通</option>
									<option value="3">电信</option>
								</select>
							</div>-->
							<!--<div class="select_box_right">
								<span class="select_title">年份：</span>
								<select id="mySelect4">
									<option value="2016">2016</option>
								</select>
							</div>-->
							<div class="ec_pie" id="ec_pie_middle"></div>
							</div>
							<!--<div class="right_bar_box">
								<h2>联通扣分占比</h2>
								<div class="ec_pie" id="ec_pie_right"></div>
							</div>-->
						</div>
					</div>
					
				</div>
			</div>
			<div class="foot">
				<a href="javascrip:void();" class="next_btn"></a>
			</div>
		</div>
		<div class="mapWinOpen">
			<div class="win_shade"></div>
			<div class="win_content">
				<h1>各年度评分</h1>
				<div class="mapWinClose"></div>
				<div id="win_div">
					<!-- <ul>
						<li>年份</li>
						<li>2020</li>
						<li>2020</li>
						<li>2020</li>
						<li>2020</li>
						<li>2020</li>
						<li>2020</li>
						<li>2020</li>
						<li>2020</li>
						<li>2020</li>
						<li>2020</li>
					</ul> -->
				</div>
			</div>
		</div>
		<div class="foot_right_logo"></div>
		<script src="static/js/calculate.js"></script>
		<!--<script src="static/js/flip.js"></script>-->
		<script>
			popularFeelings();
			window.onresize=function(){
				popularFeelings();
			}
		</script>
		<script src="static/echarts/echarts.min.js"></script>
		<script src="static/echarts/china.js"></script>
		<script src="static/js/popularFeelings.js"></script>
		<script src="static/js/boxBg.js"></script>
		<script>
			$(".ec_tab li").click(function(){
				$(this).addClass("active").siblings().removeClass("active")
			})
		</script>
		<script src="static/js/imgSkin.js"></script>
		<!--<script>
	

	   // $("#mySelect").select(); 不传参数可以这样写
		$("#mySelect").select({
			width: "100px",
			fontColor: "#fff",
			fontSize:"12px",
//			themeColor: "red",
			rowHoverColor: "#48c4ec",
			rowColor:"#292b52"
		});
		$("#mySelect2").select({
			width: "100px",
			fontColor: "#fff",
			fontSize:"12px",
//			themeColor: "red",
			rowHoverColor: "#48c4ec",
			rowColor:"#292b52"
		});
		//可选参数,不填就是默认值
		//width: "180px",            //生成的select框宽度
		//listMaxHeight:"200px",     //生成的下拉列表最大高度
		//themeColor: "#00bb9c",    //主题颜色
		//fontColor: "#000",        //字体颜色
		//fontFamily: "'Helvetica Neue', arial, sans-serif",    //字体种类
		//fontSize:"15px",           //字体大小
		//showSearch: false,        //是否启用搜索框
		//rowColor:"#fff",          //行原本的颜色
		//rowHoverColor: "#0faf03", //移动选择时，每一行的hover底色
		//fontHoverColor: "#fff",   //移动选择时，每一行的字体hover颜色
		//mainContent: "请选择",    //选择显示框的默认文字
		//searchContent: "关键词搜索"   //搜索框的默认提示文字  
	
		</script>-->
	</body>
</html>
